<style>
#browseMeetings{
	
}
#browseMeetings label{
	display:block;
	float:left;
	padding-top:8px;
	text-align:right;
}
#browseMeetings fieldset{
	border:1px solid #aaa;
}
#browseMeetings legend{
	color:#aaa;
}
#browseMeetings fieldset label{
	width:60px;
}
#browseMeetings #browseMeetingsTable{
	margin-top:5px;
}
#browseMeetings #browseMeetingsTable tr.head:hover,
#browseMeetings #browseMeetingsTable tr.head{
	background:#2577BA;
	color:#fff;
	font-weight:bolder;
}
#browseMeetings #browseMeetingsTable tr td{
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:3px 5px;
}
#browseMeetings #browseMeetingsTable tr:hover{
	background:#2577BA;
	color:#fff;
}
#browseMeetings #browseMeetingsTable tr td input{
	width:20px;
	height:20px;
	padding:3px;
	margin:0px 0px 0px 5px;
	background-position:center center;
	background-repeat:no-repeat;
}
#browseMeetings #browseMeetingsTable tr td input.del{background-image:url(gui/icons/delete.gif);}
#browseMeetings #browseMeetingsTable tr td input.ed{background-image:url(gui/icons/edit.gif);}
</style>
<form method="post" action="javascript:void(0)" onsubmit="filterMeetings(this)" class="area" id="browseMeetings">
	<h1>Pregled održanih sastanaka</h1>
	<fieldset>
	  <legend>Filter</legend>
		<!-- DATUM -->
		<label for="sastanak_date">Datum:</label>
			<input onblur="this.value=trim(this.value)" type="text" name="sastanak_date" id="sastanak_date" value="{{$sastanak_date}}" maxlength="10" style="width:60px;" />
			<input type="button" class="datePicker" onclick="displayDatePicker('sastanak_date',this)" title="Odaberi datum" />
		<label for="sastanak_hour" style="width:25px;">Sat:</label>
		<input onblur="this.value=trim(this.value)"  type="text" maxlength="2" name="sastanak_hour" id="sastanak_hour" style="width:16px;" maxval="23" minval="0" value="{{$sastanak_hour}}" onchange="fixNumStepVal(this);" />
		<img src="gui/numstep.gif" border="0" usemap="#Map3" class="numstep" />
		<label for="sastanak_minute" style="width:auto;">Min:</label>
		<input onblur="this.value=trim(this.value)" type="text" maxlength="2" name="sastanak_minute" id="sastanak_minute" style="width:16px;" maxval="59" minval="0" value="{{$sastanak_minute}}" onchange="fixNumStepVal(this)" />
		<img src="gui/numstep.gif" border="0" usemap="#Map4" class="numstep" />
		<map name="Map3" id="Map3">
			<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('sastanak_hour')" />
			<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('sastanak_hour')" />
		</map>
		<map name="Map4" id="Map4">
			<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('sastanak_minute')" />
			<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('sastanak_minute')" />
		</map>
		<label for="radnik">Radnik:</label>
		<select name="radnik" id="radnik">
			<option value="-1">---</option>
			{{%loop start radnik_id}}
			<option value="{{$radnik_id}}" {{$radnik_selected}}>{{$radnik_ime}}&nbsp;{{$radnik_prezime}}</option>
			{{%loop end}}
		</select>
		<input type="submit" value="filter" />
	</fieldset>
	{{$start_comment}}
	<table id="browseMeetingsTable" cellspacing="1">
		<tr class="head">
			<td></td>
			<td>Telemarketing</td>
			<td>ishod sastanka</td>
			<td>vreme održavanja</td>
			<td>vreme unosa</td>
			<td>radnik</td>
			<td>napomena</td>
		</tr>
		{{%loop start sastanak_id}}
		<tr valign="top">
			<td>
				<input type="button" class="del" title="obriši" onclick="rokovnikDeleteMeeting('{{$sastanak_id}}')" />
				<input type="button" class="ed" title="izmeni" onclick="rokovnikEditMeeting('{{$sastanak_id}}')" />
			</td>
			<td>
				<!--{{$result_id}}-->
				{{$rinfo}}
			</td>
			<td>{{$feedback}}</td>
			<td>{{$time_odrzan}}</td>
			<td>{{$time_unet}}</td>
			<td>{{$radnik}}</td>
			<td>{{$napomena}}</td>
		</tr>
		{{%loop end}}
	</table>
	{{$end_comment}}
	{{$message}}
</form>